/**
 * --------------- 组件--表格表单 ---------------
 */
@import "./button";
@import "./pagination";
@import "../Ku/common";

// ===数据列表(table_data_list table的class名称)
.table_data_list{
	width: 100%;
	border: 1px solid @bor_col_gary;
	margin: @table_list_mar_t 0 0 0;
	th,td{
		color: #333;
		&.max_width_200{
			max-width: 200px;
		}
	}
	th{
		height: 35px;
		line-height: 35px;
		background: @bgc_col_gray;
		border: 1px solid @bor_col_gary;
		// 斜线表头
		.line_title{
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
			// 斜线
			.line_xie{
				width: 426px;
				height: 100%;
				border: 1px solid #cfcfcf;
				transform: rotateZ(15deg);
				position: absolute;
				left: 0;
				top: -4px;
			}
			.title_txt{
				position: absolute;
				&.name{
					left: 25px;
					bottom: 5px;
				}
				&.time{
					right: 25px;
					top: 8px;
				}
			}
		}
	}
	td{
		height: 35px;
		font-size: 12px;
		text-align: center;
		border: 1px solid @bor_col_gary;
 		// 选择框，输入框样式
 		&.edit_ele_folder{
 			padding: 0 5px;
 			.edit_input{
 				width: 100%;
 				height: 20px;
 				font-size: 12px;
 				line-height: 20px;
 				text-align: center;
				border: 1px solid #cecece;
 			}
 		}
		// 列表操作按钮
		.ctrl_btn{
			font-size: 12px;
		}
	}
	// =button按钮
	.button{
		color: @col_blue;
		border: 1px solid @col_blue;
		display: inline-block;
		padding: 3px 5px;
		&.on{
			color: #fff;
			background: @col_blue;
		}
	}

 	// =状态颜色部分
 	.txt_col_blue{ //主题蓝色
 		color: @col_blue;
 	}
 	.txt_col_blue_qian{ //主题蓝色-浅
 		color: @col_blue_qian;
 	}
 	.txt_col_lv{ //主题绿色
 		color: @col_lv;
 	}
 	.txt_col_hong{ //主题红色
 		color: @col_hong;
 	}
 	.txt_col_jiu_hong{ //主题酒红色
 		color: @col_jiuhong;
 	}
 	.txt_col_gold_huang{ //主题金黄色
 		color: @col_gold_huang;
 	}
 	.txt_col_gray_huang{ //主题灰黄色
 		color: @col_gray_huang;
 	}
 	.txt_col_black{ //主题黑色
 		color: @col_balck;
 	}
 	.txt_col_gray_999{ //主题999灰色
 		color: @col_999;
 	}
 	// =禁用样式
 	// 文字禁用样式
 	.disable_txt{
 		color: @col_disable_txt !important;
 	}
 	// 按钮禁用样式
 	.disable_btn{
 		color: #fff;
 		border-color:#ccc;
 		background: #ccc;
 	}
}

// ===数据列表-搜索区域
.form_search_eles_zone{
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	padding: 0 0 0 0;
	&.not_hidden{
		overflow: visible;
	}
	// 单个表单元素
	.form_ele{
		float: left;
		margin: 0 0 @form_ele_mar_b 0;
		// 单选区
		&.radio{
			.radio_style{
				margin-top: 6px;
				margin-bottom: 5px;
				.con{
					color: #666;
				}
			}
		}
		// 多选区
		&.checkbox{
			.checkbox_style{
				margin-top: 5px;
				margin-bottom: 4px;
			}
		}
		.ele_txt,.ele_form{
			float: left;
			margin: 0 15px 0 0;
		}
		// 左侧文字
		.ele_txt{
			color: #666;
			margin-top: 5px;
		}
		// 表单项
		.ele_form{
			width: 128px;
			height: 23px;
			font-size: 12px;
			color: #666;
			line-height: 23px;
			border: 1px solid #d7d7d7;
			padding: 0 0 0 10px;
			// 定义不同长度的输入框
			&.width_200{
				width: 200px;
			}

			// 获得焦点的样式
			&:focus{
				border-color: @col_blue_qian;
			}
			// 如果是select框
			&.select{
				width: 140px;
				height: 25px;
				line-height: 25px;
			}
			// 日期控件
			&.date_bgc{
				background: url("@{img_url_1}/icon/icon_date.png") right center no-repeat;
				&.date_start{
					margin-right: 0;
				}
			}
			// 模糊搜索
			&.mohu_search{
				width: 140px;
				height: 25px;
				padding-left: 0;
				border: none;
				position: relative;
				// 模糊搜索方法
				.mohu-search()
			}
		}
	}
	// 操作按钮
	.ctrl_btns{
		width: 230px;
		overflow: hidden;
		float: left;
		margin: 0 0 @form_ele_mar_b 0;
		// 高级搜索
		&.gaoji{
			li{
				&.search{
					padding-right: 20px;
					position: relative;
					.search_arrow{
						width: 20px;
						height: 25px;
						background: url("@{img_url_1}/search_gaoji_down.png") no-repeat left center;
						position: absolute;
						right: 3px;
						top: 0;
						&.on{
							background-image: url("@{img_url_1}/search_gaoji_up.png");
						}
					}
				}
				// 备注   公告列表  修改搜索按钮 清楚padding        刘龙鹏
				&.search_amend {
					padding-right:0px;
				}
			}
		}
		li{
			float: left;
			width: 95px;
			height: 25px;
			// 搜索重置按钮
			&.search,&.reset{
				&.border{
					height: 23px;
					border-width: 1px;
					border-style: solid;
					input,a{
						line-height: 23px;
					}
				}
				input,a{
					width: 100%;
					height: 100%;
					color: #fff;
					cursor: pointer;
					background: transparent;
					display: block;
					line-height: 25px;
					text-align: center;
				}
			}
			&.search{
				border-color: #1e8fca;
				background: @col_blue;
				margin-right: 15px;
			}
			&.reset{
				border-color: #dd352a;
				background: @col_red;
			}
		}
	}
	// 隐藏的搜索条件
	.ele_txt_form_hide{
		overflow: hidden;
		clear: both;
		display: none;
		&.not_hidden{
			overflow: visible;
		}
	}
}
// ===日期插件之间的横线
.line_date{
	width: 20px;
	height: 1px;
	display: inline-block;
	background: url("@{img_url_1}/form_ele/line_date.png") no-repeat center center;
	background-size: 20px 1px;
	float: left;
	margin: 12px 5px 0px 5px;
}
// ===数据列表-数据列表展示条
.table_data_bar{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #bee8fe;
	padding-left: 12px;
	margin: 10px 0 0 0;
	.data{
		font-size: 16px;
		color: #192942;
		margin: 0 15px 0 0; 
		em{
			font-weight: bold;
			color: @col_red;
		}
	}
}